<template>
    <div>
        <!--        <a-skeleton active rows />-->
        <TitleOne></TitleOne>
        <Swiper></Swiper>
        <LiveCourse></LiveCourse>
        <FreeCourse title="免费课程" type='free' pageNum='1' pageSize="10"/>
        <FreeCourse title="精品课程" type='boutique' pageNum='1' pageSize="5"/>
        <FreeCourse title="限时折扣课程" type='discount' pageNum='1' pageSize="5"/>
        <HeadlineSelection></HeadlineSelection>
        <Footer></Footer>
        <QQ></QQ>
    </div>

</template>

<script>
    import TitleOne from "./components/TitleOne";
    import Swiper from "../components/Swiper";
    import LiveCourse from "./components/LiveCourse";
    import FreeCourse from "./components/FreeCourse";
    import HeadlineSelection from "./components/HeadlineSelection";
    import Footer from "./components/Footer";
    import QQ from "./components/QQ";

    export default {
        name: "Index",
        components: {
            TitleOne,
            Swiper,
            LiveCourse,
            FreeCourse,
            // ExcellentCourse,
            // TimeCourse,
            HeadlineSelection,
            Footer,
            QQ
        },
        data() {
            return {
                // rows:20
            }
        }

    }
</script>

<style scoped>

</style>